<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lost Love Messages</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #ffffff;
            font-family: Arial, sans-serif;
            position: relative;
        }
        /* 心形背景 */
        .heart-background {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(1.2);
            width: 700px;
            height: 700px;
            background-color: #3e393c;
            opacity: 0.8;
            /* 更突出的不规则心形 */
            clip-path: path('M350,120 C420,20 540,100 580,220 C620,340 540,440 470,500 C400,560 350,580 350,580 C350,580 300,560 230,500 C160,440 80,340 120,220 C160,100 280,20 350,120 Z');
            z-index: -1;
            box-shadow: 0 0 20px rgba(255, 179, 204, 0.5);
        }
        .window {
            position: fixed;
            width: 150px;
            height: 100px;
            background-color: #403e3f;
            border: 1px solid #3b3839;
            border-radius: 5px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
            cursor: move;
            transition: transform 0.1s ease-out;
        }
        .window-header {
            padding: 5px 10px;
            background-color: #403d3e;
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }
        .window-title {
            font-size: 12px;
        }
        .window-controls {
            display: flex;
            gap: 3px;
        }
        .control-button {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #ffffff;
        }
        .window-content {
            display: flex;
            align-items: center;
            justify-content: center;
            height: calc(100% - 24px);
            font-size: 16px;
            color: #ff6699;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <!-- 心形背景元素 -->
    <div class="heart-background"></div>
    <script>
        // 窗口数组
        const windows = [];
        // 当前拖拽的窗口
        let activeWindow = null;
        // 拖拽偏移量
        let offsetX, offsetY;
        // 弹出间隔的定时器
        let popupInterval = null;
        
        // 消息内容数组
        const messages = [
            '你装傻',
            '你是个好人',
            '那是我逼你的',
            '那是我要来的',
            '不是非你不可了',
            '那股劲没了',
            '❤️心碎了一地',
            '你烂透了',
            '你一直都没那么好',
            '都是假的 我演的',
            '你放过我',
            ' 算了',
            '谁乐意生闷气',
            '我不喜欢你了',
            '聊不了',
            '分手',
            '不稀罕谈了',
            '挺委屈是吧',
            '那就这样吧',
            '我不乐意见',
            '需要你的时候你老不在',
            '谢谢你让我学会了',
            '我很忙',
             '随便',
              '假了啊',
             '快得了吧',
            '快打住吧',
            '不和好会怎样',
            '感觉离开你我更开心', 
            ' 可我不想和你好 ',
            '恶心',
            '谢谢',
            '不用了',
            '再说吧',
            '自己一个人也不错',
            '缓够了',
            '我自己心死了',
            '自己一个人也不错',
            '我啥也不想要了',
            '我撒手了',  
            '我听不进去',
            '你懂嘛叫我撒手了么',
            '没找 就是不想了',
//你说的没找，却为什么私密账号还是多两个粉丝呢，所以你的爱从来都不存在过。  是我一直在犯贱
            ];

        // 生成随机位置
        function getRandomPosition() {
            const windowWidth = 150;
            const windowHeight = 100;
            const x = Math.random() * (window.innerWidth - windowWidth);
            const y = Math.random() * (window.innerHeight - windowHeight);
            return { x, y };
        }

        // 创建窗口
        function createWindow() {
            const windowElement = document.createElement('div');
            windowElement.className = 'window';
            
            const position = getRandomPosition();
            windowElement.style.left = `${position.x}px`;
            windowElement.style.top = `${position.y}px`;
            
            // 添加窗口头部
            const header = document.createElement('div');
            header.className = 'window-header';
            
            const title = document.createElement('div');
            title.className = 'window-title';
            title.textContent = '♡';
            
            const controls = document.createElement('div');
            controls.className = 'window-controls';
            
            // 创建三个控制按钮
            for (let i = 0; i < 3; i++) {
                const button = document.createElement('div');
                button.className = 'control-button';
                controls.appendChild(button);
            }
            
            header.appendChild(title);
            header.appendChild(controls);
            
            // 添加窗口内容
            const content = document.createElement('div');
            content.className = 'window-content';
            // 随机选择消息内容
            const randomMessage = messages[Math.floor(Math.random() * messages.length)];
            content.textContent = randomMessage;
            
            windowElement.appendChild(header);
            windowElement.appendChild(content);
            
            // 添加拖拽事件
            windowElement.addEventListener('mousedown', startDrag);
            
            return windowElement;
        }

        // 开始拖拽
        function startDrag(e) {
            activeWindow = this;
            // 确保当前窗口在最上层
            activeWindow.style.zIndex = windows.length + 1;
            
            // 计算偏移量
            const rect = activeWindow.getBoundingClientRect();
            offsetX = e.clientX - rect.left;
            offsetY = e.clientY - rect.top;
            
            // 阻止文本选择
            e.preventDefault();
        }

        // 拖拽中
        function drag(e) {
            if (activeWindow) {
                activeWindow.style.left = `${e.clientX - offsetX}px`;
                activeWindow.style.top = `${e.clientY - offsetY}px`;
            }
        }

        // 结束拖拽
        function endDrag() {
            activeWindow = null;
        }

        // 关闭所有窗口
        function closeAllWindows() {
            windows.forEach(window => {
                window.style.opacity = '0';
                window.style.transform = 'scale(0.8)';
                window.style.transition = 'opacity 0.3s, transform 0.3s';
                
                // 移除DOM元素
                setTimeout(() => {
                    if (window.parentNode) {
                        window.parentNode.removeChild(window);
                    }
                }, 300);
            });
            windows.length = 0;
        }

        // 初始化
        function init() {
            // 添加全局拖拽事件
            document.addEventListener('mousemove', drag);
            document.addEventListener('mouseup', endDrag);
            
            // 添加ESC键关闭事件
            document.addEventListener('keydown', (e) => {
                if (e.key === 'Escape') {
                    // 显示确认对话框
                    const confirmExit = confirm('你真的不再信她了吗');
                    if (confirmExit) {
                        // 停止弹出
                        stopContinuousPopup();
                        // 关闭所有窗口
                        closeAllWindows();
                        // 延迟后退出页面
                        setTimeout(() => {
                            window.close();
                            // 如果window.close()被浏览器阻止，则显示提示
                            alert('程序已结束');
                        }, 500);
                    }
                }
            });
            
            // 开始持续弹出消息框
            startContinuousPopup();
        }
        
        // 开始持续弹出消息框
        function startContinuousPopup() {
            // 设置统一的弹窗间隔时间（毫秒）
            const POPUP_INTERVAL = 50;
            
            // 初始创建一批窗口
            for (let i = 0; i < 20; i++) {
                setTimeout(() => {
                    createAndAddWindow();
                }, i * POPUP_INTERVAL);
            }
            
            // 设置定时器持续弹出新窗口
            popupInterval = setInterval(() => {
                createAndAddWindow();
            }, POPUP_INTERVAL);
        }
        
        // 创建并添加窗口的辅助函数
        function createAndAddWindow() {
            const window = createWindow();
            windows.push(window);
            document.body.appendChild(window);
            
            // 设置初始z-index
            window.style.zIndex = windows.length;
        }
        
        // 停止持续弹出
        function stopContinuousPopup() {
            if (popupInterval) {
                clearInterval(popupInterval);
                popupInterval = null;
            }
        }

        // 页面加载完成后初始化
        window.addEventListener('DOMContentLoaded', init);
    </script>
</body>
</html>